<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Exp-Inlet-Gateway</title>
    <link rel="stylesheet" href="/static/style/main.css">
    <link rel="stylesheet" href="/static/framework/bootstrap.min.css">
    <script src="/static/framework/jquery.min.js"></script>
    <script src="/static/framework/bootstrap.bundle.min.js"></script>
</head>
<#--  以下JS文件必须在JQuery加载完才能加载  -->
<script src="/static/script/main.js"></script>
<#--  以下JS文件必须在JQuery加载完才能加载  -->
<body class="container" style="min-width: 1310px;">
<nav class="navbar navbar-expand-lg navbar-light container-fluid">
    <div class="container-fluid  bg-light">
        <a href="/static/app/list" class="navbar-brand text-start"
           style="font-family: 微软雅黑,serif; color: #3030ff; font-size: 24px;">Exp-Inlet</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" aria-label="breadcrumb" style="line-height: 1px; text-align: center;align-items: center;">
            <ol class="breadcrumb" style="margin-bottom: 0;">
<#--                <li class="breadcrumb-item"><a href="#">Exp-Inlet</a></li>-->
                <li class="breadcrumb-item active" aria-current="page"><a href="/static/app/list">应用列表</a></li>
                <li class="breadcrumb-item active" aria-current="page"><a href="/static/SysInfos.html">运行状态</a></li>
            </ol>
        </div>
        <form class="d-flex">
            <input class="form-control w-75 me-2" style="height: 32px;" type="search" placeholder="Search" aria-label="Search">
            <button class="btn btn-outline-success" style="width: 80px" type="submit" onclick="$.loginOut()"><a class="" href="javascript:;"><span>退出</span></a></button>
        </form>
    </div>
</nav>


<div class="container-fluid">
    <div class="rightP col-xs-8 col-md-8" style="width: 100%;">
        <div id="apiGroups" class="cont">
            <a href="/static/app/create" class="btn btn-primary createBtn">新建应用</a>
            <div class="apiGroup">
                <table class="table table-hover" style="margin-bottom: -1px">
                    <thead style="height: 3rem;font-size: 1.0rem;font-weight: bold;">
                    <tr>
                        <th class="fw-bold" width="15%">应用名称</th>
                        <th class="fw-bold" width="30%">应用描述</th>
                        <th class="fw-bold" width="15%">创建时间</th>
                        <th class="fw-bold" width="12%">应用环境</th>
                        <th class="fw-bold" width="10%" style="text-align: center;">状态</th>
                        <th class="fw-bold" width="18%" style="text-align: center;">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <#if context??>
                    <#list context.app as app>
                        <tr>
                            <td><a href="/static/app/get/${app.appName}">${app.appName}</a></td>
                            <td>${app.describe}</td>
                            <td>${app.time}</td>
                            <td>
                            <#if app.scope == 1>
                                <span class="scope-pre">预览版</span>
                            <#elseif app.scope == 2>
                                <span class="scope-formal">正式版</span>
                            <#else>
                                <span class="scope-test">测试版</span>
                            </#if>
                            </td>
                            <td style="text-align: center;"><span>
                            <#if app.online?exists && app.online>
                                <a class='scope-formal text-success fw-bold' style='padding-bottom: 4px'>(运行中)</a>
                            <#else >
                                <a class='scope-test text-dark' style='padding-bottom: 4px'>未运行</a>
                            </#if>
                            </span></td>
                            <td style="text-align: center;"> <span> <a href='/static/api/list/${app.appName}'>API管理 </a><span> | </span><a href='/static/app/get/${app.appName}'> 查看详情</a></span></td> </tr>
                        <tr>
                    </#list>
                    </#if>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    $(function () {

    })
</script>
</html>